
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,intical-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>评价代码</title>
    <link href="/css/comment/style.css" rel="stylesheet">
    <script src="/js/jquery/jquery.min.js"></script>

</head>

<body>

<form action="#" method="get" class="tjpl-form">
    <textarea></textarea>
    <div class="tjpl">
        <input type="submit" value="提交评论" /> <span>支持 (10)</span>
    </div><!--tjpl/-->
</form>
<table class="pinghuifu">
    <tr>
        <td valign="top" align="left" width="100">
            <div class="pl-touxang" style=" background:url(http://www.17sucai.com/preview/1/2014-12-29/jqthumb/images/2.jpg)"></div>
        </td>
        <td valign="top">
            <h5>我的名字叫“关关雎鸠”</h5>
            <div class="phPar">
                提高能效，制定和完善全球
            </div><!--phPar/-->
            <div class="huifu-s">
                <span class="re-show">[回复]</span>
                <span class="re-hide">[收起回复]</span>
            </div><!--huifu-s/-->
            <div class="reply">
                <form action="#" method="get">
                    <textarea></textarea>
                    <div class="re-tijiao">
                        <input type="submit" value="提交回复" />
                    </div><!--re-tijiao/-->
                </form>
            </div><!--reply/-->
        </td>
    </tr>

    <tr>
        <td valign="top" align="left" width="100">
            <div class="pl-touxang" style=" background:url(http://www.17sucai.com/preview/1/2014-12-29/jqthumb/images/2.jpg)"></div>
        </td>
        <td valign="top">
            <h5>我的名字叫“关关雎鸠”</h5>
            <div class="phPar">
                广州天气真好
            </div><!--phPar/-->
            <div class="huifu-s">
                <span class="re-show">[回复]</span>
                <span class="re-hide">[收起回复]</span>
            </div><!--huifu-s/-->
            <div class="reply">
                <form action="#" method="get">
                    <textarea></textarea>
                    <div class="re-tijiao">
                        <input type="submit" value="提交回复" />
                    </div><!--re-tijiao/-->
                </form>
            </div><!--reply/-->
        </td>
    </tr>

    <tr>
        <td valign="top" align="left" width="100">
            <div class="pl-touxang" style=" background:url(http://www.17sucai.com/preview/1/2014-12-29/jqthumb/images/2.jpg)"></div>
        </td>
        <td valign="top">
            <h5>我的名字叫“关关雎鸠”</h5>
            <div class="phPar">
                广州天气真好
            </div><!--phPar/-->
            <div class="huifu-s">
                <span class="re-show">[回复]</span>
                <span class="re-hide">[收起回复]</span>
            </div><!--huifu-s/-->
            <div class="reply">
                <form action="#" method="get">
                    <textarea></textarea>
                    <div class="re-tijiao">
                        <input type="submit" value="提交回复" />
                    </div><!--re-tijiao/-->
                </form>
            </div><!--reply/-->
        </td>
    </tr>

    <tr>
        <td valign="top" align="left" width="100">
            <div class="pl-touxang" style=" background:url(http://www.17sucai.com/preview/1/2014-12-29/jqthumb/images/2.jpg)"></div>
        </td>
        <td valign="top">
            <h5>我的名字叫“关关雎鸠”</h5>
            <div class="phPar">
                广州天气真好
            </div><!--phPar/-->
            <div class="huifu-s">
                <span class="re-show">[回复]</span>
                <span class="re-hide">[收起回复]</span>
            </div><!--huifu-s/-->
            <div class="reply">
                <form action="#" method="get">
                    <textarea></textarea>
                    <div class="re-tijiao">
                        <input type="submit" value="提交回复" />
                    </div><!--re-tijiao/-->
                </form>
            </div><!--reply/-->
        </td>
    </tr>

    <tr>
        <td valign="top" align="left" width="100">
            <div class="pl-touxang" style=" background:url(http://www.17sucai.com/preview/1/2014-12-29/jqthumb/images/2.jpg)"></div>
        </td>
        <td valign="top">
            <h5>我的名字叫“关关雎鸠”</h5>
            <div class="phPar">
                广州天气真好
            </div><!--phPar/-->
            <div class="huifu-s">
                <span class="re-show">[回复]</span>
                <span class="re-hide">[收起回复]</span>
            </div><!--huifu-s/-->
            <div class="reply">
                <form action="#" method="get">
                    <textarea></textarea>
                    <div class="re-tijiao">
                        <input type="submit" value="提交回复" />
                    </div><!--re-tijiao/-->
                </form>
            </div><!--reply/-->
        </td>
    </tr>

    <tr>
        <td valign="top" align="left" width="100">
            <div class="pl-touxang" style=" background:url(http://www.17sucai.com/preview/1/2014-12-29/jqthumb/images/2.jpg)"></div>
        </td>
        <td valign="top">
            <h5>我的名字叫“关关雎鸠”</h5>
            <div class="phPar">
                广州天气真好
            </div><!--phPar/-->
            <div class="huifu-s">
                <span class="re-show">[回复]</span>
                <span class="re-hide">[收起回复]</span>
            </div><!--huifu-s/-->
            <div class="reply">
                <form action="#" method="get">
                    <textarea></textarea>
                    <div class="re-tijiao">
                        <input type="submit" value="提交回复" />
                    </div><!--re-tijiao/-->
                </form>
            </div><!--reply/-->
        </td>
    </tr>

    <tr>
        <td valign="top" align="left" width="100">
            <div class="pl-touxang" style=" background:url(http://www.17sucai.com/preview/1/2014-12-29/jqthumb/images/2.jpg)"></div>
        </td>
        <td valign="top">
            <h5>我的名字叫“关关雎鸠”</h5>
            <div class="phPar">
                广州天气真好
            </div><!--phPar/-->
            <div class="huifu-s">
                <span class="re-show">[回复]</span>
                <span class="re-hide">[收起回复]</span>
            </div><!--huifu-s/-->
            <div class="reply">
                <form action="#" method="get">
                    <textarea></textarea>
                    <div class="re-tijiao">
                        <input type="submit" value="提交回复" />
                    </div><!--re-tijiao/-->
                </form>
            </div><!--reply/-->
        </td>
    </tr>

</table>

<script>
    $(function () {
        $(".re-show").click(function(){
            $(this).hide();
            $(this).next(".re-hide").show();
            $(this).parents("div").next(".reply").show();
            $(this).parents("div").prev("table").show();
        })
        $(".re-hide").click(function(){
            $(this).hide();
            $(this).prev(".re-show").show();
            $(this).parents("div").next(".reply").hide();
            $(this).parents("div").prev("table").hide();
        })
    })

</script>

</body>
</html>
